<template>
  <div>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item>
          <img src="img/swiper1.png">
      </van-swipe-item>
      <van-swipe-item>
          <img src="img/swiper2.png">
      </van-swipe-item>
      <van-swipe-item>
          <img src="img/swiper3.png">
      </van-swipe-item>
      <van-swipe-item>
          <img src="img/swiper4.png">
      </van-swipe-item>
      <van-swipe-item>
          <img src="img/swiper5.png">
      </van-swipe-item>
      <van-swipe-item>
          <img src="img/swiper6.png">
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {};
</script>

<style>
.my-swipe {
  position: absolute;
  height: 1.6rem !important;
  top: 0.55rem !important;
}
.my-swipe img{
    width: 100%;
    height: 1.6rem;
}
.van-swipe__indicators {
  left: 86% !important;
  bottom: 0.15rem !important;
}
.van-swipe__indicator{
    height: 0.04rem !important;
    width: 0.09rem !important;
    border-radius: 0 !important;
}
.van-swipe__indicator--active{
      /* height: 0.15rem !important; */
  }
</style>